﻿<UserControl x:Class="SomethingSpacial.UserControls.Zeppelin"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    mc:Ignorable="d"
    d:DesignHeight="300" d:DesignWidth="400">

    <UserControl.Resources>
        <Storyboard x:Name="ZeppelinStoryboard">
            <DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.RenderTransform).(TransformGroup.Children)[2].(RotateTransform.Angle)" Storyboard.TargetName="WheelRight">
                <EasingDoubleKeyFrame KeyTime="0" Value="0"/>
                <EasingDoubleKeyFrame KeyTime="0:0:6" Value="360"/>
            </DoubleAnimationUsingKeyFrames>
            <DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.RenderTransform).(TransformGroup.Children)[2].(RotateTransform.Angle)" Storyboard.TargetName="WheelLeft">
                <EasingDoubleKeyFrame KeyTime="0" Value="0"/>
                <EasingDoubleKeyFrame KeyTime="0:0:6" Value="360"/>
            </DoubleAnimationUsingKeyFrames>
        </Storyboard>
    </UserControl.Resources>

    <Canvas x:Name="ZeppelinCanvas" Margin="0,0,-1,0">
        <Canvas.Effect>
            <DropShadowEffect/>
        </Canvas.Effect>
        <Canvas x:Name="ChainLeftCanvas" Height="100" Canvas.Left="94.79" Canvas.Top="108.761" Width="32">
            <Image x:Name="ChainLeft" Stretch="Fill" Source="/SomethingSpacial;Component/Images/ZeppelinImages/Chain.png" Height="100" Canvas.Left="-6" Canvas.Top="-12" Width="17.308"/>
            <Image x:Name="WheelLeft" Stretch="Fill" Source="/SomethingSpacial;Component/Images/ZeppelinImages/Wheel.png" Height="30" Canvas.Left="-12" RenderTransformOrigin="0.5,0.5" Canvas.Top="82" Width="30">
                <Image.RenderTransform>
                    <TransformGroup>
                        <ScaleTransform/>
                        <SkewTransform/>
                        <RotateTransform Angle="360"/>
                        <TranslateTransform/>
                    </TransformGroup>
                </Image.RenderTransform>
            </Image>
        </Canvas>
        <Canvas x:Name="ChainRightCanvas" Height="100" Canvas.Left="81.326" Canvas.Top="72.094" Width="34">
            <Image x:Name="ChainRight" Source="/SomethingSpacial;Component/Images/ZeppelinImages/Chain.png" Stretch="Fill" Height="100" Canvas.Left="129" RenderTransformOrigin="0.5,0.5" Canvas.Top="36" Width="17.308">

                <Image.RenderTransform>
                    <TransformGroup>
                        <ScaleTransform/>
                        <SkewTransform/>
                        <RotateTransform/>
                        <TranslateTransform/>
                    </TransformGroup>
                </Image.RenderTransform>

            </Image>
            <Image x:Name="WheelRight" Source="/SomethingSpacial;Component/Images/ZeppelinImages/Wheel.png" Stretch="Fill" Canvas.Left="123.685" Height="30" RenderTransformOrigin="0.5,0.5" Canvas.Top="128" Width="30">
                <Image.RenderTransform>
                    <TransformGroup>
                        <ScaleTransform/>
                        <SkewTransform/>
                        <RotateTransform/>
                        <TranslateTransform/>
                    </TransformGroup>
                </Image.RenderTransform>
            </Image>
        </Canvas>
        <Image x:Name="ZeppelinImg" Source="/SomethingSpacial;Component/Images/ZeppelinImages/Zeppelin.png" Width="300" Canvas.Top="8" Stretch="Fill"/>
    </Canvas>
</UserControl>
